<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <body>

        <ui:composition template="../templates/principalTemplate.xhtml">

            <ui:define name="content">
                
                    <p:panel id="panel" header="Ligar consumidor">
                        <h:form>
                        <p:panel id="enviaPanel" header="Permisos" toggleable="true" collapsed="true">
                            <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
                            <h:panelGrid columns="3" cellpadding="5"  style="padding: 0 15%;">
                                <p:outputLabel for="slcConsumidor" value="Consumidor"/>
                                <p:selectOneMenu id="slcConsumidor" value="#{ligarConsumidorCtrl.consumidorSeleccionado}" >
                                    <f:selectItems value="#{ligarConsumidorCtrl.consumidores}" />
                                </p:selectOneMenu>
                                <p:message for="slcConsumidor" />
                                <p:outputLabel for="txtUsuario" value="Usuario" />
                                <p:inputText id="txtUsuario" required="true" value="#{ligarConsumidorCtrl.nomUsuDestino}" />
                                <p:message for="txtUsuario" />
                                <h:panelGroup />
                                <p:outputLabel for="chkIngreso" value="Operar ingreso" />
                                <p:outputLabel for="chkConsumo" value="Operar consumo" />
                                <h:panelGroup />
                                <p:selectBooleanCheckbox id="chkIngreso" value="#{ligarConsumidorCtrl.permisoIngreso}"  />
                                <p:selectBooleanCheckbox id="chkConsumo" value="#{ligarConsumidorCtrl.permisoConsumo}" />
                                <p:commandButton id="btnEnviar" value="Enviar invitación" update="enviaPanel" actionListener="#{ligarConsumidorCtrl.guardar()}" />
                                <h:panelGroup />
                                <p:commandButton id="btnCancelar" value="Cancelar" update="enviaPanel" actionListener="#{ligarConsumidorCtrl.cancelar()}" />
                            </h:panelGrid>
                        </p:panel>
                        </h:form>
                        <h:form>
                        <p:panel id="pnlInvitaciones" header="Invitaciones recibidas" toggleable="true" collapsed="true">
                            <p:messages id="messages2" showDetail="true" autoUpdate="true" closable="true" />
                            <h:panelGrid columns="4" cellpadding="5"  style="padding: 0 15%;">
                                <p:dataTable id="invitacion" var="invitacion" value="#{aceptarLigaCtrl.invitaciones}" 
                                             emptyMessage="No hay invitaciones pendientes">
                                    <p:column headerText="Nombre">
                                        <h:inputHidden value="#{invitacion.idLigausuarioConsumidor}" />
                                        <h:outputText value="#{invitacion.nombreConsumidor}" />
                                    </p:column>
                                    <p:column headerText="Usuario">
                                        <h:outputText value="#{invitacion.nombreUsuario}" />
                                    </p:column>
                                    <p:column headerText="Operar ingreso">
                                        <p:selectBooleanCheckbox disabled="true" value="#{invitacion.permisoIngreso}" />
                                    </p:column>
                                    <p:column headerText="Operar consumo">
                                        <p:selectBooleanCheckbox disabled="true" value="#{invitacion.permisoConsumo}" />
                                    </p:column>
                                    <p:column style="width:4%">  
                                        <p:commandButton id="btnResponder" value="Aceptar/Rechazar" update="@form" oncomplete="invitacionDialog.show()" >  
                                            <f:setPropertyActionListener value="#{invitacion}" target="#{aceptarLigaCtrl.invitacionSeleccionada}" />  
                                        </p:commandButton>  
                                    </p:column>  
                                </p:dataTable>
                            </h:panelGrid>
                            <p:dialog header="Aceptar / Rechazar invitación" widgetVar="invitacionDialog" resizable="false" id="invDlg"  
                                    showEffect="explode" hideEffect="fade" modal="true">
                              <h:panelGrid columns="2">
                                  <h:outputText value="Consumidor" />
                                  <h:outputText value="#{aceptarLigaCtrl.invitacionSeleccionada.nombreConsumidor}" />
                                  <h:outputText value="Usuario" />
                                  <h:outputText value="#{aceptarLigaCtrl.invitacionSeleccionada.nombreUsuario}" />
                                  <h:outputText value="Operar ingreso" />
                                  <p:selectBooleanCheckbox disabled="true" value="#{aceptarLigaCtrl.invitacionSeleccionada.permisoIngreso}" />
                                  <h:outputText value="Operar consumo" />
                                  <p:selectBooleanCheckbox disabled="true" value="#{aceptarLigaCtrl.invitacionSeleccionada.permisoConsumo}" />
                                  <p:commandButton value="Aceptar" actionListener="#{aceptarLigaCtrl.aceptarRechazar('A')}" 
                                                   oncomplete="invitacionDialog.hide()" update="@form" />
                                  <p:commandButton value="Rechazar" actionListener="#{aceptarLigaCtrl.aceptarRechazar('R')}" 
                                                   oncomplete="invitacionDialog.hide()" update="@form" />
                              </h:panelGrid>
                          </p:dialog>
                        </p:panel>
                       </h:form>     
                    </p:panel>
                
            </ui:define>
        </ui:composition>
    </body>
</html>
